<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<title>Cart</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="New Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'><!--//fonts-->
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
 

<script src="js/main.js"></script>
<script src="js/simpleCart.min.js"> </script>
</head>
<body>
<!--header-->
<div class="header">
	<div class="header-top">
		<div class="container">
			<div class="search">
					<form>
						<input type="text" value="Search " onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
						<input type="submit" value="Go">
					</form>
			</div>
			<div class="header-left">		
					<ul>
						<s:if test="#session.exitcustomer!=null">
						<li ><font color="white" size="3">欢迎您,<s:property value="#session.exitcustomer"/></font></li>
                          &nbsp &nbsp
                          <li><a  href="${pageContext.request.contextPath}/login_loginout.action">注销</a></li>
                          &nbsp &nbsp
                     </s:if>  
					<s:else>
						<li ><a href="${pageContext.request.contextPath}/login_loginpage.action">登陆</a></li>
						<li><a  href="${pageContext.request.contextPath}/login_customerRegist.action">注册</a></li>
					</s:else>
					
</li>

					</ul>
					<div class="cart box_1">
						<a href="checkout.html">
						<h3> <div class="total">
							<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div>
							<img src="images/cart.png" alt=""/></h3>
						</a>
				<p><a href="javascript:;" class="simpleCart_empty">购物车</a></p>

					</div>
					<div class="clearfix"> </div>
			</div>
				<div class="clearfix"> </div>
		</div>
		</div>
		<div class="container">
			<div class="head-top">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt=""></a>	
				</div>
		  <div class=" h_menu4">
					<ul class="memenu skyblue">
					  <li class="active grid"><a class="color8" href="book_findAllBook.action">首页</a></li>	
				   
			  </ul> 
			</div>
				
				<div class="clearfix"> </div>
		</div>
		</div>

	</div>

	
<!--content-->
<!---->
		<div class="product">
			<div class="container">
				<div class="col-md-3 product-price">
					  
				<div class=" rsidebar span_1_of_left">
					<div class="of-left">
						<h3 class="cate">分类</h3>
					</div>
		 <ul class="menu">
		 <s:iterator value="listcategory">
		<li class="item1"><a href="#"><s:property value="categoryname"/> </a></li>
		</s:iterator>

	</ul>
					</div>
				<!--initiate accordion-->
		<script type="text/javascript">
			$(function() {
			    var menu_ul = $('.menu > li > ul'),
			           menu_a  = $('.menu > li > a');
			    menu_ul.hide();
			    menu_a.click(function(e) {
			        e.preventDefault();
			        if(!$(this).hasClass('active')) {
			            menu_a.removeClass('active');
			            menu_ul.filter(':visible').slideUp('normal');
			            $(this).addClass('active').next().stop(true,true).slideDown('normal');
			        } else {
			            $(this).removeClass('active');
			            $(this).next().stop(true,true).slideUp('normal');
			        }
			    });
			
			});
		</script>
<!---->
<!-- 	<div class="product-middle">
		
					<div class="fit-top">
					<h6 class="shop-top">商品名</h6>
						<a href="#" class="shop-now">SHOP NOW调到刚开始首页</a>	
<div class="clearfix"> </div>
	</div>
				</div>	 --> 
				
<!-- <div class=" per1">
		
			</div>
				</div>
				
				<div class="col-md-9 product-price1">
				<div class="col-md-5 single-top">	
			<div class="flexslider">
 <ul class="slides">
   
    
    </li>
 
  </ul>  
</div> -->
<!-- FlexSlider -->
  <script defer src="js/jquery.flexslider.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />

<script>
// Can also be used with $(document).ready()
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    controlNav: "thumbnails"
  });
});
function addcolor(){
var btn =document.getElementById("add-cart item_add");
  btn.style.background="#000033";
   
}
function removecolor()  {
var btn =document.getElementById("add-cart item_add");
  btn.style.background="#FF6600";
}

</script>
				<!-- 	</div>	 -->
				<font color="red"><s:actionmessage/></font>
					<div class="col-md-7 single-top-in simpleCart_shelfItem">
					 
						 <form action="${pageContext.request.contextPath}/order_orderItems.action" method="post">
					      <table border="0px" width="950%" height="500%">
						   <tr align="center" style="background:#e5f1f4;height:65px;">
						     
						       <td>　商品信息</td>
						       <td>　单价　</td>
						       <td>　数量　</td>
						       <td>　金额　</td>
						       <td>　操作　</td>
						   </tr>
						  
						     
						    	<s:iterator var="c" value="orderset" status="st" > 
						    	
						   <tr align="center" style="height:65px;">
					     
						      <td>
						     
						       
						          <%--  <input type="hidden" name="id" value="<s:property value="#c.book.bid"/>"> --%>
						        订单<s:property value="#st.index+1"/>
						      
						      </td>
						      <td><s:property value="#c.book.bname"/></td>
						      <td><s:property value="#c.book.price"/>元</td>
						      <td><input type="number" value="<s:property value='#c.number'/>" name="counts" max="<s:property value='#c.book.quantity'/>" min="1" style="width:100px;"/></td>
						      <td><s:property value="#c.totalPrice"/>元</td>
						      <td><a href="${pageContext.request.contextPath}/cart_deleteCart.action?Bid=<s:property value="#c.book.bid"/>">删除</a></td> 
						   
						   </tr>
						 </s:iterator>  
						   
						   
						
						
						   <tr style="background:#e5f1f4;">
						      <td colspan="4" align="right">
						   
					                    总计<s:property value="#session.exitsbigCart.cartItemsLength"/>件商品
					                      
						      </td>
						      <td align="center">
						             总计金额:￥<s:property value="#session.exitsbigCart.ToTalPrice"/>元
						      </td>
						      <td align="center">
						             <input type="submit" value="结　算" style="background:url(images/an1.png);width:100px;height:50px;font-weight:bold;color:white;"/>
						      </td>
						   </tr>
						 </table>    
					</form>
                 
						
						</div>
						
								
						</div>
						
				
					</div>	
						
				<div class="clearfix"> </div>
			<!--
			p<br>p<br>p<br>p<br>p<br>p<br>p<br>p<br>p<br>p<br>p<br>p<br>-->
	
	
<!--//content-->
<div class="footer">
				<div class="container">
			<div class="footer-top-at">
			
				<div class="col-md-4 amet-sed">
				<h4>MORE INFO</h4>
				<ul class="nav-bottom">
						<li><a href="#">How to order</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="contact.html">Location</a></li>
						<li><a href="#">Shipping</a></li>
						<li><a href="#">Membership</a></li>	
					</ul>	
				</div>
				<div class="col-md-4 amet-sed ">
				<h4>CONTACT US</h4>
				
					<p>
Contrary to popular belief</p>
					<p>The standard chunk</p>
					<p>office:  +12 34 995 0792</p>
					<ul class="social">
						<li><a href="#"><i> </i></a></li>						
						<li><a href="#"><i class="twitter"> </i></a></li>
						<li><a href="#"><i class="rss"> </i></a></li>
						<li><a href="#"><i class="gmail"> </i></a></li>
						
					</ul>
				</div>
				<div class="col-md-4 amet-sed">
					<h4>Newsletter</h4>
					<p>Sign Up to get all news update
and promo</p>
					<form>
						<input type="text" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
						<input type="submit" value="Sign up">
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="footer-class">
		<p >Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
		</div>
</body>
</html>
			